$(document).ready(function() {
	var lastsel2;
	$("#viewRetailerTable").jqGrid({
		url : 'retailer/viewRetailers',
		editurl : 'retailer/save',
		datatype : "json",
		colNames : [ 'ID', 'Retailer', 'Address1', 'Address2', 'City', 'Zipcode', 'Country', 'Email', 'Phone' ],
		colModel : [ {
			name : 'id',
			index : 'id',
			width : 70,
			editable : false,
			editoptions : {
				readonly : true,
				size : 10
			},
			hidden : true
		}, {
			name : 'value',
			index : 'value',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'address1',
			index : 'address1',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'address2',
			index : 'address2',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'city',
			index : 'city',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'zipcode',
			index : 'zipcode',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'country',
			index : 'country',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'email',
			index : 'email',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		}, {
			name : 'phone',
			index : 'phone',
			width : 60,
			editable : true,
			edittype : 'text',
			editoptions : {
				maxlength : "30"
			}
		} ],
		pager : '#pager',
		rowNum : 10,
		rowList : [ 10, 20, 30 ],
		sortname : 'id',
		width : 800,
		height : 'auto',
		sortorder : 'desc',
		viewrecords : true,
		emptyrecords : 'No Records found',
		gridview : true,
		jsonReader : {
			repeatitems : false
		},
		onSelectRow : function(id) {
			if (id && id !== lastsel2) {
				jQuery('#viewRetailerTable').restoreRow(lastsel2);
				jQuery('#viewRetailerTable').editRow(id, true);
				lastsel2 = id;
			}
		},
		caption : 'Receipt Category'
	});

	$("#viewRetailerTable").jqGrid('navGrid', '#pager', {
		edit : false,
		add : true,
		del : true,
		search : false
	}, {}, {}, {
		url : 'retailer/delete'
	});

});